<template>
	<div class="order_list_div" style="position: absolute;width: 100%">
		<!--头部-->
		<header class="customHeaderStyle opacity_title" style="position: absolute;width: 100%">
			<div class="go-back" @click.stop="goBack">
				<i></i>
				<i></i>
				<i></i>
			</div>
			<div class="headerCustomTitle">电话客服</div>
		</header>
		<div style="height:3rem;"></div>
		<div class="call_server">
			<div class="call_nember">
				<i class="icon njfont nj-kefu"></i>
				<p>客服热线</p>
				<h1>400 8226000</h1>
			</div>
			<div class="aui-content-padded">
				<div class="aui-btn aui-btn-block"><a href="tel:400 8226000">呼叫客服</a></div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
        props: {
         	
        },
        data () {
            return {
               
            }
        },
        computed:{
       		
        },
        methods: {
        	goBack(){
        		window.history.back()
        	}
        },
        components: {
	       
	    },
       	
    }
</script>

<style>
.customHeaderStyle{
		position: relative;
		background: #fff;
		min-height: 3rem;
		border-bottom: 1px solid #eaeaea;
		color: #444;
		font-weight: 700;
		left: 0;
		top: 0;
		line-height: 2.25rem;
		/* z-index: 2; */
		width: 100%;
		font-size: .9rem;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.headerCustomTitle{
		overflow: hidden;
		right: 6rem;
		font-weight: 500;
		min-height: 2.25rem;
		position: absolute;
		margin: 0;
		text-align: left;
		white-space: nowrap;
		left: 3rem;
		width: auto;
		text-overflow: ellipsis;
		z-index: 2;
		font-size: 1.1rem;
		margin-top: .35rem;
		top: 1px;
	}
</style>